<template>
    <div style="padding: 20%">
      <div class="main">
        <router-link to="/job" tag="div">
          <img src="../../assets/index/job.png">
          <p>求职</p>
        </router-link>
        <router-link to="/recruit" tag="div">
          <img src="../../assets/index/recruit.png">
          <p>招聘</p>
        </router-link>
        <router-link to="/transfer" tag="div">
          <img src="../../assets/index/transfer.png">
          <p>出租出售</p>
        </router-link>
      </div>
      <div class="main">
        <router-link to="/buy" tag="div">
          <img src="../../assets/index/buy.png">
          <p>供应采购</p>
        </router-link>
        <router-link to="/equipment" tag="div">
          <img src="../../assets/index/equipment.png">
          <p>设备设施</p>
        </router-link>
        <router-link to="/service" tag="div">
          <img src="../../assets/index/service.png">
          <p>智慧油站</p>
        </router-link>
      </div>
    </div>
</template>

<script>
    export default {
        name: ""
    }
</script>

<style type="text/scss" lang="scss" scoped>
  .main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10%;
    font-size: 12px;
    div{
      width: 60px;
      text-align: center;
    }
  }
  img {
    width: 40px;
    height: 40px;
  }
</style>
